<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>我们宅微信编辑器使用帮助</title>
    <style>
        a,
        a:visited {
            color: #003399;
            text-decoration: none
        }

        a:hover {
            color: #CC3300
        }
    </style>
    <style type="text/css">
        .agree {
            width: 1000px;
        }

        .agree p {
            line-height: 32px;
            font-size: 16px;
        }

        .agree div {
            line-height: 32px;
            font-size: 16px;
        }

        .agree h2 {
            font-size: 22px;
            line-height: 40px;
        }

        .agree h3 {
            font-size: 18px;
            line-height: 40px;
        }
    </style>
</head>
<body style="padding:0;margin:0;background:#ddd;font-size:14px">
    <div id="main" style="width:960px;background:#fff; border:1px solid #eee;margin:20px auto;padding:20px 40px;">
        <div class="container-fluid">
            <div class="agree">
                <div>
                    <h2>
                        <b>
                            <center>我们宅微信编辑器使用教程</center>
                        </b>
                    </h2>
                </div>
                <br/>
                <br/>
                <section>
                    <h3>
                        <b>一：页面介绍</b>
                    </h3>
                    <center>
                        <img src="http://www.unihi.cn/edit/images/edit.png" alt="微信编辑器" width="800" height="643" longdesc="http://www.unihi.cn/edit/">
                    </center>
                    <br/>
                    <h3>
                        <b>二：使用步骤</b>
                    </h3>
                    <br/>
                    <p>　A：点击左边“样式分类区”相应的样式分类，在页面的“素材选择区”选择所需的素材；</p>
                    <br/>
                    <p>　B：选好素材后，在页面的“素材调色区”调整素材的颜色（图片样式或部分元素因特殊原因不能调整）；</p>
                    <br/>
                    <p>　C：点击选择样式会自动移到“内容排版编辑区”，并在编辑区内进行调整修改图文等信息及样式排版工作；</p>
                    <br/>
                    <p>　D：最后到“编辑区”完成文案的编辑，再整体复制到微信官方编辑器中；</p>
                    <br/>
                    <h3>
                        <b>三：如何编辑</b>
                    </h3>
                    <br/>
                    <p>　在编辑过程中，尽量将文字清除格式，或先将文字复制到记事本，到复制到“我们宅编辑器”进行编辑，否则会造成发送后格式失效的问题。关于浏览器方面，推荐使用谷歌chrome浏览器、或者IE11版本！或者其他双核浏览器的极速版（360极速浏览器、百度极速浏览器等等都支持）！</p>
                    <br/>
                    <h3>
                        <b>四：图片如何上传</b>
                    </h3>
                    <br/>
                    <p>　为了图片后期的稳定和打开速度，请用微信官方编辑器上传图片，再复制到“我们宅编辑器”进行编辑。本人不建议使用在线上传图片功能，在复制过程中极其的不稳定！但是功能是可以放心使用的！</p>
                    <br/>
                    <p>步骤一： 从微信公众号素材库获取图片地址</p>
                    <img src="http://www.unihi.cn/edit/images/help1.png" alt="微信编辑器" width="800" longdesc="http://www.unihi.cn/edit">
                    <br/>
                    <br/>
                    <p>步骤二：将所需的图片替换过来</p>
                    <img src="http://www.unihi.cn/edit/images/help2.png" alt="微信编辑器" width="800" longdesc="http://www.unihi.cn/edit">
                    <br/>
                    <br/>
                    <h3>
                        <b>五：内容编辑区常用控件介绍</b>
                    </h3>
                    <br/>
                    <img src="http://www.unihi.cn/edit/images/help3.png" alt="微信编辑器" width="538" height="63" longdesc="http://www.unihi.cn/edit">
                    <br/>
                    <p style="color:#FF0000">　参考上图，我们从左往右依次讲解：</p>
                    <br>
                    <p>　1、HTML代码模式和普通模式切换；</p>
                    <p>　2-3、取消和重做；</p>
                    <p>　4、设字体为粗体；</p>
                    <p>　5、设字体为斜体；</p>
                    <p>　6、增加字体下划线；</p>
                    <p>　7、设置字体颜色（对应代码：color: rgb(xxx, xxx, xxx);）</p>
                    <p>　8、设置字体背景色（对应代码：
                        <em>background-color: rgb(xxx, xxx, xxx);</em>）</p>
                    <p>　9-10、新增超链接和取消超链接；</p>
                    <p>　11、段落标题设置；</p>
                    <p>　12、设置字体样式（对应代码：
                        <em>font-family: xxx;</em>）</p>
                    <p>　13、设置字体大小（对应代码：
                        <em>font-size: xxx;</em>）</p>
                    <p>　14、设置内容段落格式为“首行缩进”（对应代码：
                        <em>text-indent: 2em;</em>）</p>
                    <p>　15、将所选内容设置为“居左对齐”（对应代码：
                        <em>text-align: left;</em>）</p>
                    <p>　16、将所选内容设置为“居中对齐”（对应代码：
                        <em>text-align: center;</em>）</p>
                    <p>　17、将所选内容设置为“居右对齐”（对应代码：
                        <em>text-align: right;</em>）</p>
                    <p>　18、将所选内容设置为“两端对齐”；</p>
                    <p>　19-21、设置图文信息“段前距”、“段后距”和“行间距”；</p>
                    <p>　22、在光标所在位置插入表格（对应代码：
                        <em>&lt;table&gt;...&lt;/table&gt;</em>）</p>
                    <p>　23、在线“多图上传”、“图片替换”；</p>
                    <p>　24、在线“新增音乐”（目前支持百度音乐添加，不支持微信平台使用，待后续重新开发）；</p>
                    <p>　25、在线“表情”；</p>
                    <p>　26、在线“百度地图”；</p>
                    <p>　27、在线“视频上传”、“视频添加”（仅支持腾讯视频，其他视频添加后微信平台自动屏蔽）；</p>
                    <p>　28、图文信息分割线；</p>
                    <p>　29、特殊字符选项功能；</p>
                    <p>　30、图文信息在线“查询替换”；</p>
                    <p>　31、清除格式；</p>
                    <p>　32、多功能“自动排版”；</p>
                    <p style="color:#FF0000">　33、如误将编辑器关闭，可找回关闭前内容</p>
                    <br>
                </section>
            </div>
        </div>
    </div>
    </div>
</body>

</html>